WordPress设置网站动态标题,让您的网站更美观

40次阅读
没有评论

共计 974 个字符,预计需要花费 3 分钟才能阅读完成。

前言
我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;) っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/) 你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句 javascript 语句即可实现。请看下面的教程。

教程
(以子比主题最新版为例)在后台主题设置—> 自定义代码—> 自定义 javascript 代码把下面的代码添加到里面即可实现。

var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {if (document.hidden) {document.title = "你别走吖 Σ( っ °Д °;) っ";
        clearTimeout(titleTime)
    } else {document.title = "(/≧▽≦/) 你又回来啦!" ;
        titleTime = setTimeout(function() {document.title = OriginTitile},
        2000)
    }
});

注:代码中“你别走吖 Σ(っ °Д °;) っ”和“(/≧▽≦/) 你又回来啦!”可自行修改成自己喜欢的标题文字。

如果你的网站主题设置没有自定义 javascript 代码这个框的话,若有自定义头部 HTML 代码的话,把下面的代码添加到里面也可实现。
或者在首页文件位于“”标签之前添加下面的代码也可以。

注:代码中“你别走吖 Σ(っ °Д °;) っ”和“(/≧▽≦/) 你又回来啦!”可自行修改成自己喜欢的标题文字。

正文完
 0
蓝猫の鱼
版权声明:本站原创文章,由 蓝猫の鱼 于2025-01-25发表,共计974字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)